﻿.layout_navbar {
    height: 4vh;
}

.layout_body {
    min-height: 96vh;
}

.Fixed-vh-28 {
    min-height: 28vh !important;
    max-height: 28vh;
    overflow: auto;
}

.Fixed-vh-30 {
    min-height: 30vh !important;
    max-height: 30vh;
    overflow: auto;
}

.btn-rfs {  /*按钮字体*/
    font-size: calc(0.3em + 0.5vw);
}

.menu-rfs { /*按钮字体*/
    font-size: calc(0.5em + 0.5vw);
}

bi-question-circle-fill { /*页面上的帮助按钮*/
    color: #007bff;
}

.bi-plus-square { /*添加按钮图标颜色*/
    color: #007bff;
}

.bi-folder-plus { /*添加样品组按钮图标颜色*/
    color: #007bff;
}

.bi-gear { /*配置按钮*/
    color: #007bff;
}

.bi-pencil-square { /*侧边导航栏编辑按钮图标颜色*/
    color: chartreuse;
}

.bi-person-square { /*侧边导航栏用户管理按钮*/
    color: chartreuse;
}

.bi-book { /*侧边导航栏wiki管理按钮*/
    color: chartreuse;
}

.bi-file-earmark-pdf { /*侧边导航栏文件管理按钮*/
    color: chartreuse;
}

.bi-search { /*侧边导航栏文件管理按钮*/
    color: chartreuse;
}

.bi-caret-right-square { /*侧边导航栏运行时管理按钮*/
    color: chartreuse;
}

.bi-save2 { /*侧边导航栏留样管理按钮*/
    color: chartreuse;
}

.bi-card-list { /*侧边导航栏环境监测按钮*/
    color: chartreuse;
}

.bi-diagram-3-fill { /*侧边导航栏组织结构管理按钮*/
    color: chartreuse;
}

.bi-card-checklist { /*侧边导航栏样品管理按钮*/
    color: chartreuse;
}

.bi-globe { /*侧边导航栏公共部分管理按钮*/
    color: chartreuse;
}

.bi-tags-fill { /*侧边导航栏试剂管理按钮*/
    color: chartreuse;
}

.bi-server { /*侧边导航栏公共部分管理按钮*/
    color: chartreuse;
}

.bi-trash { /*删除按钮图标颜色*/
    color: red;
}

.bi-database-fill-lock { /*库存撤销按钮*/
    color: red;
}

.bi-database-fill-up { /*库存合并按钮*/
    color: orangered
}

.bi-pc-display-horizontal { /*侧边导航栏设备管理按钮*/
    color: chartreuse;
}

.bi-folder-symlink {
    color:tomato;
}

.bi-printer-fill {
    color: royalblue;
}

.bi-caret-right-fill {
    color: limegreen;
}
.bi-check-lg {
    color: #007bff;
}

.bi-database-fill-add {
    color: #007bff;
}

.bi-upc-scan {
    color: #007bff;
}

.bi-tools {
    color: #007bff;
}

.bi-file-text {
    color: #007bff;
}

.bi-file-code {
    color: #007bff;
}

.bi-list-stars {
    color: #007bff;
}

.bi-cloud-upload:hover {
    color: #007bff;
}

.bi-cloud-download {
    color: #ea8df5;
}

.bi-cloud-download:hover {
    color: #cb40f3;
}

.bi-search {
    color: #a4ef16;
}

.biInfoTrue {
    color: #a4ef16;
}

.biInfoFalse {
    color: red;
}

.bi-check-circle-fill{
    color:forestgreen;
}

.bi-arrow-right-circle-fill {
    color: forestgreen;
}

.bi-x-circle-fill {
    color:red;
}

.bi-exclamation-circle-fill {
    color:darkorange;
}

.font-rfs-title { /*登录界面标题*/
    font-size: calc(1em + 1vw);
}

.font-rfs {
    font-size: calc(0.4em + 0.5vw);
}
.font-rfs-modal { /*模态框窗口里面的字体,浏览器窗口发生变化时模态框窗口不发生变化*/
    font-size: calc(0.6em + 0.1vw)
}

.modal-close {
    padding-top: 0.5rem !important;
    padding-left: 1rem !important;
    padding-right: 0.5rem !important;
    font-size: calc(0.6em + 0.5vw);
}

.menu-item-arrow {
    display: inline-block;
    min-width: calc(2rem + 1vw);
    text-align: right;
}

.modal-header {
    padding: 0rem 0rem !important;
}

.min-vw-30 {
    min-width: 30vw !important;
}

.border-radius-noright {  /*右边不是圆角*/
    border-radius: .25rem 0rem 0rem .25rem;
}

.border-radius-noleft { /*左边不是圆角*/
    border-radius: 0rem .25rem .25rem 0rem;
}

.border-radius-noradius { /*不要圆角*/
    border-radius: 0rem 0rem 0rem 0rem;
}

.noLeftBorder {
    border-left: none;
}
.noRightBorder {
    border-right: none;
}
.noBottomBorder {
    border-bottom: none;
}

.input-group-text {
    background-color: #dce8f5;
}

.modal-header {
    line-height: .5rem;
    background: -webkit-linear-gradient(top,white,red,bulue);
    /*    background: -webkit-linear-gradient(linear, 0 0, 0 100%, from(#2074af), to(＃2c91d2));
*/
}

.modal-Delete-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0rem;
    border-top: 0px solid #dee2e6;
/*    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
*/}

.error-style { /* 检测到控件错误时，更改背景色 */
    background-color: #ffc107;
}

.btn {
    height: calc(1.5em + .75rem + 2px);
    margin-top: 0.2rem;
    padding: .375rem 0.4rem;
}

.btn:hover {
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0.2rem 0.2rem 0.1rem 0.1rem rgba(0,0,0,.15);
}

.layout_menu_item {   /*布局页面菜单项样式*/
    text-indent: 1.5em;
    margin-bottom: 0.6em;
}

/* 这一块是设置 bootstrap 表格样式*/
.table thead th {
    color: #ffffff;
    font-size: calc(0.3em + 0.5vw); /* 标题行字体大小 */
    background-color: #67acf6
}

.table-bordered {
    border-top: 1px solid #a8bfde;
    border-left: 1px solid #a8bfde;
    border-collapse: separate;
    border-spacing:0;
}

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #a8bfde;
        border-top: 0;
        border-left: 0;
        font-size: calc(0.3em + 0.5vw); /* 单元格中的字体*/
    }

.table-modal thead th {
    color: #ffffff;
    font-size: calc(1em + 0.1vw); /* 标题行字体大小 */
    background-color: #67acf6
}

.table-modal thead th {
    color: #ffffff;
    font-size: calc(1em + 0.1vw); /* 标题行字体大小 */
    background-color: #67acf6
}

.table-bordered-modal,
.table-bordered-modal th,
.table-bordered-modal td {
    border: 1px solid #a8bfde;
    font-size: calc(1em + 0.1vw);
}

.table-striped tbody tr:nth-of-type(odd) { /*表格条纹背景色*/
    background-color: #dce8f5;
}

.table-hover tbody tr:hover {
    background-color: #f2e18c;
}

.page-link {
    font-size: calc(0.4em + 0.5vw);
}

.search-input {
    font-size: calc(0.6em + 0.3vw);
    margin-top:2px;
    height:3.1vh;
}

.fixed-table-toolbar {
    height: 4vh ;
}

.bootstrap-table .fixed-table-toolbar .search,
.bootstrap-table .fixed-table-toolbar .columns {
    margin-top: 0px;
}

.float-right {
    height: 2vh !important;
}

.btn-secondary {
    height: 1.6rem !important;
}

.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom:0px;
    padding-top:1px;
}

.dropdown-toggle {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.table-cell-select { /*单元格中的下拉列表框控件*/
    width: 100%;
    height: 100%;
    border: 0px;
    background-color: inherit;
}

.table-cell-input { /*单元格中的文本框控件*/
    height: 100%;
    width: 100%;
    border: 0px;
    background-color: inherit;
}

.table-cell-button { /*单元格中的按钮控件*/
    width: 100%;
    height: 100%;
    border: 0px;
    background-color: inherit;
}

.tab-body { /* tab 页下面呈现内容的div */
    border-left: 1px solid #a8bfde;
    border-right: 1px solid #a8bfde;
    border-bottom: 2px solid #a8bfde;
}

.tab-first-active { /* tab 选择控件上的第一个按钮，活动状态样式 */
    border-left: 1px solid #a8bfde;
    border-right: 1px solid #a8bfde;
    border-top: 1px solid #a8bfde;
}

.tab-enter-mouse { /* tab 在活动状态下，鼠标进入时附加的样式 */
    border-bottom: 4px solid #67acf6;
}

.tab-first-noactive { /* tab 选择控件上的第一个按钮,非活动状态样式 */
    border: 1px solid #a8bfde;
}

.tab-first-noactive-mouse { /* tab 在非活动状态下，鼠标进入时附加的样式 */
    border-left: 1px solid #a8bfde;
    border-right: 1px solid #a8bfde;
    border-top: 1px solid #a8bfde;
    border-bottom: 4px solid #67acf6;
}

.tab-other-active { /* tab 选择控件上的后续按钮，活动状态样式 */
    border-right: 1px solid #a8bfde;
    border-top: 1px solid #a8bfde;
}

.tab-other-noactive { /* tab 选择控件上的后续按钮,非活动状态样式 */
    border-right: 1px solid #a8bfde;
    border-top: 1px solid #a8bfde;
    border-bottom: 1px solid #a8bfde;
}

.tab-other-noactive-mouse { /* tab 选择控件上的后续按钮,非活动状态样式 */
    border-right: 1px solid #a8bfde;
    border-top: 1px solid #a8bfde;
    border-bottom: 1px solid #a8bfde;
    border-bottom: 4px solid #67acf6;
}

.tab-Notactive { /* tab 最右边的空白按钮，用来画按钮下面的线*/
    border-bottom: 1px solid #a8bfde;
}

.changeblueColor {  /*单击表格时，设置选中行的背景色*/
    background: #f2e18c !important;
}

.modal-table-shadow {  /*模态框上table阴影*/
    box-shadow: 0.2rem 0.2rem 0.4rem 0.2rem rgba(0,0,0,.15);
}
/* **************************************************** */
.custom-headtoolbar-select { /*自定义下拉列表框样式，跟按钮放在一行*/
    width: 15%;
    margin-top: 0.2rem;
    height: calc(1.3em + .75rem + 2px);
}
.custom-td-select { /*自定义下拉列表框样式，放到表格 td 中*/
    width: 100%;
    color: #5d6b98;
    margin-top: 0.2rem;
    height: calc(1rem + .75rem + 6px);
}
.custom-td-input {
    margin-top: 0.2rem;
    width: 100%;
    color: #5d6b98;
    border: 1px solid #dee2e6;
    height: calc(1rem + 1.1rem);
}
/* **************************************************** */
.TreeLiBackColor { /*单击树控件时，设置选中行的背景色*/
    background: #67acf6 !important;
}
